<template>
  <div class="intro">
    <hr style="border: 1px solid #707070;"/>
    <div class="index-container" v-html="content" />
  </div>
</template>

<script>
import { settingInfo } from '../../../api/web/intro.js'
export default {
  data() {
    return {
      content: "",
    }
  },
  created() {
  	const type = 'platform_intro'
  	settingInfo({
  		type: type
  	}).then(res => {
      this.content = res.content

  	})
  }
}
</script>

<style lang="scss" scoped>
  .intro{
    width:1011px;
  }
	.index-container{
    margin-top: 30px;
		font-family: Arial;
		line-height: 2.5;
		word-wrap: break-word;
    font-size: 25px;

		table {
		  display: table;
		  border-collapse: separate;
		  border-spacing: 2px;
		  border-color: grey;
		}

		p {
		  text-align: left;
		  text-indent: 2em;
		}
	}
</style>
